/* 
    Document   : style
    Created on : Feb 14, 2011, 10:00:59 PM
    Author     : JoseTrujillo
    Description:
        General Style sheet.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Main Stylings - Front End WOG */

/* GENERIC STYLES */
*
{
    margin:0;
    padding:0;
}


body {
    background:url(images/bg-body.png) repeat-x #3F3F3F;
    color:#FF00CD; /* TODO: CSS Change Default 131519*/
    font-family:Verdana, Geneva, sans-serif;
    font-size:100%;
}


p {
    color:#131519;
    margin-bottom:5px;

}
p.errors {
    color:#CC0000;
    font-weight:bold;
    text-transform:uppercase;
}


a:link      { text-decoration:none; color:#0345FC;}
a:visited   { text-decoration:none; color:#395195; }
a:hover     { text-decoration:none; color:#5073D5; }
a:active    { text-decoration:none; color:#0000FF; }


h1 a {
    font-size:1.15em;
    font-weight:normal;
    letter-spacing:-0.05em;
}

h2 {
    font-size:0.97em;
    font-weight:normal;
    background-color:#4d4d4d;
    color:#ffffff;
    padding:2px 5px;
}

h3 a {
    font-size:0.85em;
    letter-spacing:-0.05em;
    font-weight:normal;
    color:#88CBD2;
}

h1.timingEvents {
    font-size:1.75em;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    padding:0px;
    margin:8px 0px 10px 0px;
    color:#36393B;
}


input:focus, textarea:focus {
    border:solid 1px #73A6FF;
    background:#EFF5FF;
}


img {
    border:0;
}



/* PRESENTATION EVENTS */

div.blockTable{
    clear:left;
}
div.blockTable:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div.boxContainerEvent {

}
div.boxContainerEvent:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

div.leftColEventDisplay {
    float:left;
    margin-right:-1px;
    width:55%;
}

div.rightColEventDisplay {
    overflow:hidden;

}

div.bottomRowEventDisplay {

}

div.timingEventsLineOuterUp {
    border-top:3px inset #999999;
    padding:0px;
    margin:16px 0px 1px 0px;
}
div.timingEventsLineOuterDown {
    border-top:3px inset #999999;
    padding:0px;
    margin:1px 0px 16px 0px;
}

div.timingEventsLineInner {
    border-top:2px dotted #999999;
    padding:0px;
    margin:3px 0px 7px 0px;
}

div.boxRSVPLeft {
    padding-right:30px;
    padding-left:8px;
}

div.boxRSVPRight {
    padding-left:15px;
}


/* STRUCTURE PAGE */

#bigWrapper {
    margin:0 3% 0 3%;
    border-left:7px solid #858585;
    border-right:7px solid #858585;
    background:url(images/bg-body.png) repeat-x #3F3F3F;

}

#wrapper {
    border-left:11px solid #4D4D4D;
    border-right:11px solid #4D4D4D;
    margin:0 0 0 0;
    background-color:#ECECEC;/* #FFFFFF; */
}

#header {
    height:200px;
    border-bottom:11px solid #4D4D4D;
    background:url(images/Banner-WOG.png) no-repeat;
    line-height:140px;
    padding-left:20px;
    background-color:whitesmoke;
}

#sidebar {
    min-width:200px;
    float:left;
    padding:6px;
    min-height:500px;
    background-color:#ECECEC;
    /* border-right:10px solid #FFFFFF; */
    overflow:auto;
    height:auto;
    position:relative;
}

#body {
    min-width:200px;
    min-height:500px;
    border-left:5px solid #FFFFFF;
    border-right:5px solid #FFFFFF;
    padding:5px;
    border-right:10px solid #FFFFFF;
    overflow:auto;
    height:auto;
    background-color:#FFFFFF;
    float:none;
}

#footer {
    clear:both;
    padding:15px 20px;
    background-color:#ECECEC;
}


/* SIDEBAR - LEFT MENU */

#sidebar ul {
    list-style-type:none;
    margin-bottom:15px;
    background-color:#ffffff;
    padding:5px;
}

#sidebar li {
    background:url(images/CannonBallsListMenu.png) no-repeat;
    background-position:0px 0;
    height:20px;
    padding-left:22px;
    padding-top:1px;
}

#sidebar img {
    padding:5px;
    border:1px solid #dddddd;
}

#sidebar a {
    font-weight:normal;
}



/* FOOTER */

#footer-nav  {
    text-align:left;
}

#footer-nav a {
    margin-right:20px;
}

#copyright {
    text-align:center;
    margin-top:15px;
}

p.footer{
    font-size:0.8em;
}



/* FORMS */
/* -- 01 -- */
form.frontEnd01 ul{
    list-style:none;
    margin-top:8px;
}
form.frontEnd01 ul li{
    display:block;
    float:left;
    width:100%;
}
form.frontEnd01 ul li label{
    float:left;
    padding:7px;
    color:#36393B;
    font-weight:bold;
}
form.frontEnd01 ul li input, ul li textarea{
    float:right;
    margin-right:10px;
    border:1px solid #ccc;
    padding:3px;
    width:60%;
}
form.frontEnd01 li input:focus, li textarea:focus{
    border:1px solid #666;
}
form.frontEnd01 fieldset{
    padding:15px;
    border:2px solid #ccc;
    width:45%;
    overflow:auto;
    margin:10px;
}
form.frontEnd01 legend{
    color:#444;
    margin:0 10px 0 0;
    padding:0 5px;
    font-size:100%;
}
form.frontEnd01 label span {
    color:#800517;
}
form.frontEnd01 fieldset input.ButtonSubmit{
    font-weight:bold;
    padding:5px;
    margin:6px 0px 5px 35%;
}
form.frontEnd01 fieldset input.ClickCheckBox{
    width:6%;
    float:left;
    margin-top:5px;
    cursor:pointer;
    border:0px;
    width:17px;
    height:17px;
}


/* -- 02 -- */
form.frontEnd02 ul{
    list-style:none;
    margin:0px;
}
form.frontEnd02 ul li{
    display:block;
    float:left;
    width:100%;
}
form.frontEnd02 ul li label{
    float:left;
    padding:6px;
    color:#36393B;
    font-weight:bold;
}
form.frontEnd02 ul li input, ul li textarea{
    float:right;
    margin-right:10px;
    border:1px solid #ccc;
    padding:3px;
    width:60%;
}
form.frontEnd02 li input:focus, li textarea:focus{
    border:1px solid #666;
}
form.frontEnd02 fieldset{
    padding:15px;
    border:2px solid #ccc;
    width:45%;
    overflow:auto;
    margin:6px;
}
form.frontEnd02 legend{
    color:#444;
    margin:0 10px 0 10px;
    padding:0 5px;
    font-size:100%;
}
form.frontEnd02 label span {
    color:#800517;
}
form.frontEnd02 fieldset input.ButtonSubmit{
    font-weight:bold;
    padding:1px;
    margin:2px 0px 1px 35%;
}

/* -- 03 -- */
form.frontEnd03 ul{
    list-style:none;
    margin:0px;
}
form.frontEnd03 ul li{
    display:block;
    float:left;
    width:100%;
}
form.frontEnd03 ul li label{
    float:left;
    padding:6px;
    color:#36393B;
    font-weight:bold;
}
form.frontEnd03 ul li input, ul li textarea{
    float:right;
    margin-right:10px;
    border:1px solid #ccc;
    padding:3px;
    width:55%;
}
form.frontEnd03 li input:focus, li textarea:focus{
    border:1px solid #666;
}
form.frontEnd03 fieldset{
    padding:15px;
    border:2px solid #ccc;
    width:65%;
    overflow:auto;
    margin:6px;
}
form.frontEnd03 legend{
    color:#444;
    margin:0 10px 0 10px;
    padding:0 5px;
    font-size:100%;
}
form.frontEnd03 label span {
    color:#800517;
}
form.frontEnd03 fieldset input.ButtonSubmit{
    font-weight:bold;
    padding:1px;
    margin:2px 0px 1px 42%;
}


/* ENTRY - NORMAL PAGE */

.entrybody {
    line-height:20px;
    text-align:justify;
    padding:5px 0;
}
.entrybodybold {
    line-height:20px;
    text-align:justify;
    padding:5px 0;
    font-weight:bold;
}
.entrySmall{
    font-size:0.7em;
    padding-top:4px;
    padding-bottom:0px;
}
div#entryTitlePage {
    font-size:2.0em;
    font-weight:bold;
    letter-spacing:-0.06em;
    text-align:center;
    padding-top:4px;
    padding-bottom:10px;
    color:#7E7C7C;
}
small.msgForm01{
    font-size:0.8em;
    text-align:center;
    margin:6px 10% 1px 10%;
    color:#7E7C7C;
    display:block;
}



/* MAP */
div.mapContainer {
    border:3px solid grey;
    margin:10px 5px 10px 5px;
    width:640px;
}



/* Event Index */
p.eTitle{
    font-size:1.55em;
    text-transform:uppercase;
    text-align:left;
    font-weight:bold;
    padding:0px;
    margin:3px 0px 3px 0px;
    color:#040E64;
    vertical-align:middle;
}

p.eDate{
    font-size:1.15em;
    text-transform:capitalize;
    text-align:left;
    font-weight:bold;
    padding:0px;
    margin:6px 0px 4px 0px;
    color:#0E1239;
    vertical-align:middle;
}

p.eSpeaker{
    font-size:1.10em;
    text-align:left;
    font-weight:normal;
    padding:0px;
    color:#0E1239;
    margin:8px 0px 1px 0px;
}

p.eSpkrName{
    font-size:1.25em;
    text-align:left;
    font-weight:bold;
    padding:0px;
    color:#2E3BA4;
    margin:1px 0px 1px 0px;
}

p.eSpkrInfo{
    font-size:1.00em;
    text-align:left;
    font-weight:normal;
    padding:0px;
    color:#5A67D1;
    margin:1px 0px 2px 0px;
}

p.eVenue {
    font-size:1.10em;
    text-align:left;
    font-weight:normal;
    padding:0px;
    color:#0E1239;
    margin:8px 0px 1px 0px;
}

p.eVenueName{
    font-size:1.20em;
    text-align:left;
    font-weight:bold;
    padding:0px;
    color:#2E3BA4;
    margin:1px 0px 1px 0px;
}

p.eVenueInfo{
    font-size:0.90em;
    text-align:left;
    font-weight:normal;
    padding:0px;
    color:#5A67D1;
    margin:1px 0px 2px 0px;
}

p.eRSVPorLogin{
    font-size:1.10em;
    text-align:right;
    font-weight:bold;
    padding:0px;
    color:#040E64;
    margin:16px 25px 2px 0px;
}

img.ePicture {
    border:3px solid #45484B;
    margin:1px 0px 2px 0px;
}

p.eDescription{
    font-size:0.80em;
    text-align:justify;
    font-weight:normal;
    padding:0px;
    color:#0E1239;
    margin:10px 0px 4px 0px;
}






p.eTitleUpcoming{
    font-size:1.6em;
    text-transform:capitalize;
    text-align:left;
    font-weight:bold;
    padding:0px;
    color:#314781;
    margin-bottom:4px;
}

p.eDateUpcoming{
    font-size:1.3em;
    text-transform:capitalize;
    text-align:left;
    font-weight:bold;
    padding:0px;
    margin-bottom:10px;
}

p.eSpkrNameUpcoming{
    font-size:1.15em;
    text-align:left;
    font-weight:bold;
    padding:0px;
    color:#2A3C6F;
    margin-bottom:3px;
}

p.eSpkrInfoUpcoming{
    font-size:0.9em;
    text-align:left;
    font-weight:normal;
    padding:0px 0px 0px 340px;
    margin-bottom:10px;
}

p.eVenueNameUpcoming{
    font-size:1.10em;
    text-align:left;
    font-weight:bold;
    padding:0px;
    color:#2A3C6F;
    margin-bottom:3px;
}

p.eVenueInfoUpcoming{
    font-size:0.85em;
    text-align:left;
    font-weight:normal;
    padding:0px 0px 0px 343px;
    margin-bottom:10px;
}

p.eDescriptionUpcoming{
    font-size:0.75em;
    text-align:justify;
    font-weight:normal;
    padding:0px 0px 0px 0px;
    margin-bottom:15px;
    color:#0D0D0D;
}

fieldset.rsvpForm{
    width:200px;
    border:2px dotted grey;
    padding:4px;
    background-color:#EBEBEB;
    text-align:center
}


/*#eventTopFrameTable{
    background:#F0F0F0;

}

#eventTopFrameTable ul{
    float:left;
    margin:0;
    padding:0;
    border:1px solid #C9C9C9;
}
#eventTopFrameTable ul li{
    list-style:none;
    padding:3px 3px;
}*/



/******** TABLES STYLE ************/

/** *************************************************************************
 * Base Table styles
*/


td.THeader {
    border-bottom:5px solid #6699CC;
    border-left:2px solid #6699CC;
    border-right:2px solid #6699CC;
    background-color:#BDC4FF;
    text-align:center;
    vertical-align:middle;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:1.0em;
    color:#404040;
    padding:5px 8px 5px 8px;
}
td.THeader a:link      { text-decoration:none; color:#395195;}
td.THeader a:visited   { text-decoration:none; color:#395195; }
td.THeader a:hover     { text-decoration:none; color:#5073D5; }
td.THeader a:active    { text-decoration:none; color:#0000FF; }



td.TBody {
    border-bottom:2px dashed #9CF;
    border-top:0px;
    border-left:1px dashed #9CF;
    border-right:1px dashed #9CF;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:1.05em;
    color:#404040;
    background-color:#fafafa;
    padding:4px 6px 4px 6px;
}
td.TBody a
{
    font-size:0.95em;
    text-align:center;
}

table.TSoft {
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:1.0em;
    color:#404040;
    background-color:#fafafa;
    border:3px #6699CC solid;
    border-collapse:collapse;
    border-spacing:0px;
    width:98%;
    margin-left:auto;
    margin-right:auto;
}




/* EXTRAS */

.download {
    padding-top:5px;
}
.download ul {
    list-style-type:none;
}
.download li a {
    height:24px;
    width:90px;
    line-height:24px;
    display:block;
    float:left;
    text-align:center;
    margin-right:5px;
    border:1px solid #dddddd;
    background-color:#efefef;
}
.preview {
    background:url(images/magnifier.png) no-repeat;
    background-position:top left;
}
.error {
    color:#FF0033;
    font-size:0.9em;
}



/* BLOCK CONSTRUCTION */
/* 2009 - 2010 (c) | ez-css.org
 * ez.css ::  version 1.3 :: 03132010
 *
 * This style sheet caters for IE 5 browsers.
 * With this style sheet, use the snippets from http://www.ez-css.org/layouts
*/
/*
 * This wrapper, first child of body, is used to wrap "ez-css" modules.
 * It will auto-center if it is given a width smaller than the width of the viewport.
 * Position relative is used to create a stacking context from the start (to prevent z-index issues).
 * overflow:hidden is used to create a block formatting context, but if you give this element a width you can replace this declaration with display:inline-block
 */

.ez-mw {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position :relative;
	z-index: 1;
	text-align: left;
	overflow: hidden;
}

/*
 * to make sure modules clear previous containers
 */

.ez-wr {clear: left;}

/*
 * this is the clearfix method
 * we rely on this to contain floats in "stand-alone" modules
 */

.ez-wr:after,
.ez-box:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}

/*
 * hacks for IE 5 (Win and Mac)
 * (min-height is the "hasLayout" trigger used for IE7)
 */

.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}
/* hides from IE-mac \*/
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}
.ez-wr,.ez-box,.ez-last {display: block;}
/* end hide from IE-mac */

/*
 * the last DIV in the HTML flow (a column) must create a new block formatting context.
 * by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead:
 * ez-oa
 * ez-dt
 * ez-it
 * ez-tc
 * ez-ib
 */

.ez-oh {
	overflow: hidden;
}

* html .ez-oh {
	overflow: visible;
}

.ez-oa {
	overflow: auto;
}
.ez-dt {
	display: table;
}

.ez-it {
	display: inline-table;
}
.ez-tc {
	display: table-cell;
}

.ez-ib {
	display: inline-block;
}

/*
 * DIVs to be columns
 * we float them left or right depending on module or layout
 * the negative margin is used to fix a IE6 bug (3px jog).
 */
.ez-fl {
	float: left;
}

* html .ez-fl {
	margin-right: -3px;
}

.ez-fr {
	float: right;
}

* html .ez-fr {
	margin-left: -3px;
}

/*
 * every floated column in a module or layout needs a width
 * here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
 */

.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-50 {width: 50%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}

/*
 * the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
 * for this to work, this class must be applied to the following elements:
 * - column 1 of Module 2A,
 * - column 2 of Module 3A,
 * - column 1 of Module 3B,
 * - column 3 of Module 4A,
 * - column 1 of Module 4B,
 * - column 1 in column 1 of Module 4B,
 * - column 2 in column 1 of Module 4B
 */

.ez-negmr {
	margin-right: -1px;
}

* html .ez-negmr {
	margin-right:-4px;
}

/*
 * (star html hack is used here because of the cascade, to override "* html .ez-fl")
 * same as above, but for these elements:
 * - column 1 of Module 3A,
 * - column 1 of Module 4A,
 * - column 2 of Module 4A
 */

* html .ez-negmx,
.ez-negmx {
	margin-right: -1px;
}

/*
 * same as above, but for these elements:
 * - column 1 of Module 2B,
 * - column 2 of Module 3B
 */

.ez-negml {
	margin-left: -1px;
}

* html .ez-negml {
	margin-left:-4px;
}
